<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表单</title>
</head>
<body>
<!--form表单 表单的所有控件都需要写到form中
action提交到哪,点提交按钮会自动触发提交
# 占位符号 表示默认提交到本页 -->
<form action="#">
    <!--input控件
    type设置控件类型=>text普通文本输入框 password密码输入框-->
    <!--name控件名称 placeholder提示占位文本 value控件的值或按钮上的显示文字
        maxlength最大输入长度 readonly只读-->
    用户名:<input type="text" name="username" placeholder="请输入用户名"> <br>
    昵称:<input type="text" name="nickname" value="达拉崩吧" readonly> <br>
    密码:<input type="password" name="pwd" value="123" maxlength="6"> <br>
    <!-- radio单选 checkbox多选
    多个选项必须设置成同一个name属性分到同一个组里!
    还必须给每个选项设置value,也就是这个选项的值,否则提交的值是on
    checked 设置当前选项默认选中 -->
    性别:
    <input type="radio" name="gender" value="1" checked>男
    <input type="radio" name="gender" value="0">女
    <br>
    爱好:
    <input type="checkbox" name="like" value="ks">看书
    <input type="checkbox" name="like" value="dy">电影
    <input type="checkbox" name="like" value="yy" checked>游泳
    <input type="checkbox" name="like" value="yx">游戏
    <br>
    喜欢的颜色:<input type="color" name="color"> <br>
    文件:<input type="file" name="file"> <br>
    生日:<input type="date" name="birthday">
    音量:<input type="range">
    <br>
    <input type="checkbox" id="agree">
    <label for="agree">我同意以上协议</label>
    <hr>
    <!-- select下拉选择框 option选项  -->
    喜欢的城市:<select name="city">
        <option value="cd">成都</option>
        <option value="heb">哈尔滨</option>
        <option value="nj">南京</option>
        <option value="zz" selected>郑州</option>
    </select>
    <hr>
    <!-- submit提交按钮 reset重置按钮,注意不是清空! button普通按钮,后期结合JS使用 -->
    <input type="submit" value="点我提交">
    <input type="reset" value="点我重置">
    <input type="button" value="普通按钮">
    <button>我是按钮</button>
</form>
</body>
</html>